<div  ng-controller="RecordsListCtrl">
    <div class="app-content-body fade-in-up" infinite-scroll='scrollEvent()' infinite-scroll-disabled="isLoad" infinite-scroll-distance="0" >
        <div class="hbox hbox-auto-xs hbox-auto-sm"   >
            <div class="col w-md bg-light dk b-r bg-auto" >
                <div class="wrapper bg-light lter b-b">
                    <div class="input-group">
                        <input type="text" ng-model="searchValue"  ng-keydown="searchRecordDetailLists($event)"  class="form-control input-sm bg-light no-border rounded padder" placeholder="{{'common.search'|translate}}{{record.name}}...">
                              <span class="input-group-btn">
                                <button type="submit" class="btn btn-sm bg-light rounded" ng-click="searchProcessModel()"><i class="fa fa-search"></i></button>
                              </span>
                    </div>
                </div>
                <div class="wrapper"  >
                    <div style="padding-left:10px;margin-bottom: 10px;" ng-show="recordsFilter.filter_type=='radio'" ng-repeat="recordsFilter in recordsFilters" >
                        <div class="text-info" style="padding-top:10px;padding-bottom:10px;"  ><b ><i class="fa fa-angle-down" ></i>&nbsp;&nbsp;{{recordsFilter.lable}}</b></div>
                        <ul class="nav nav-pills nav-stacked nav-sm"  >
                            <li ng-class="filter_option_active(filter_option.selected)" ng-repeat="filter_option in recordsFilter.filter_options" >
                                <a href ng-click="select_radio_filter_option(recordsFilter.row_index,filter_option.row_index)" >
                                    {{filter_option.text}}
                                    <i class="icon-check pull-right filter-close" ></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
				<div class="wrapper" ng-show="record.add_url!=null" >
                    <div style="padding-left:10px;margin-bottom: 10px;"  >
                        <div class="text-info" style="padding-top:10px;padding-bottom:10px;"  ><b ><i class="fa fa-angle-down" ></i>&nbsp;&nbsp;操作</b></div>
                          <div style="padding-left:10px;">      <a ng-click="addRecord()" class="btn btn-success ">新增{{record.name}}</a></div>

                    </div>
                </div>
            </div>
            <div class="col" >
                <div class="wrapper bg-light lter b-b" style="height:60px;">
                    <ul class="breadcrumb" style="display: block;float:left;background:none;">
                        <li><a ui-sref="app.news" ><i class="iconfont icon-xinwen"></i> {{'aside.nav.news'|translate}}</a></li>
                        <li><a ui-sref="app.records" ><i class="iconfont icon-danganliebiao"></i> {{'aside.nav.records'|translate}}</a></li>
                        <li class="active">{{record.name}} </li>
                    </ul>
                    <div class="pull-right m-r-sm " style="margin-top: 8px;" >
                        {{'common.general'|translate}} {{records.totalCount}} {{'common.bar'|translate}}{{record.name}}
                    </div>
                </div>
                <div class="" >
                    <ul class="list-group list-group-lg no-radius m-b-none m-t-n-xxs">
                        <li ng-repeat="recordDetailList in recordsDetailLists"  class="list-group-item clearfix b-l-3x b-l-info">
                            <a ui-sref="app.recordslistdetail({recordId:record.id,listdetailId:recordDetailList.id})" ng-show="recordDetailList.logo_url!=null" class="avatar thumb pull-left m-r">
                                <img ng-src="{{recordDetailList.logo_url}}" />
                            </a>
                            <div ui-sref="app.page.profile" ng-show="recordDetailList.logo_url==null" class="pull-left m-r bg-info font-logo">
                                {{recordDetailList.logo_font}}
                            </div>
                            <div class="clear">
                                <div><a ui-sref="app.recordslistdetail({recordId:record.id,listdetailId:recordDetailList.id})" class="text-md"><span ng-bind-html="recordDetailList.name" ><span></a><span ng-bind-html="recordDetailList.lable" ></span></div>
                                <div class="text-ellipsis m-t-xs" ng-bind-html="recordDetailList.description | limitTo:100" ></div>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>

</div>